<style>
    * {
        margin: 0;
        padding: 0;
    }

    .fl {
        float: left;
    }

    .fr {
        float: right;
    }

    .Y-top-nav {
        width: 100%;
        height: 55px;
        line-height: 47px;
        background-color: #f8f8f8;
        border-bottom: 8px solid #18bc9c;
        padding: 0px 25px 0px 30px;
    }

    p,
    td {
        /*font-size:16px;*/
        color: #333;
    }

    .Y-content {
        width: 100%;
    }

    .Y-main {
        padding: 25px 15px 0px;
    }

    .Y-title-row {
        width: 100%;
        height: 68px;
        line-height: 68px;
        background-color: #f8f8f8;
        border-left: 8px solid #18bc9c;
        padding-left: 20px;
    }

    .Y-info-row {
        padding: 10px 0px;
    }

    table {
        width: 100%;
    }

    td {
        height: 50px;
        padding-left: 10px;
        padding-right: 10px;
        border: 1px solid #dedede;
    }

    .Y-order-info td {
        width: 20%;
        border: none;
    }

    .Y-order-info tr:nth-child(2n) {
        background-color: #f8f8f8;
    }

    thead {
        background-color: #f8f8f8;
    }

    thead td {
        font-weight: bold;
    }

    .table {
        display: table;
        width: 100%
    }

    .table-cell {
        display: table-cell;
    }

    .price-con {
        position: fixed;
        top:50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background-color: #fff;
        border-radius: 5px;
        z-index: 20;
        width: 800px;
        height: 500px;
        padding-bottom: 55px;
        padding-left: 30px;
        padding-right: 30px;
        overflow-y: scroll;
    }

    .price-tit {
        font-size: 18px;
        color: #333;
        text-align: center;
        height: 40px;
        padding: 0;
        margin: 0;
        line-height: 40px;
        /*padding: 15px 10px 0;*/
    }

    .price-con a {
        line-height: 40px;
        text-align: center
    }

    .input-con {
        padding-top: 15px;
        padding-bottom: 15px;
        max-height: 380px;
        overflow-y: scroll;
    }
    .input-con input{
        border: 1px solid;
    }
    .input-con .realmoney{
        width: 100%;
    }
    .input-con::-webkit-scrollbar{
        display: none;
    }
    .zz {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 10;
        background-color: rgba(0, 0, 0, 0.2)
    }

    .btn-con {
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 100%;
        margin-bottom: 0
    }
    .display{
        display: none;
    }
</style>
<form id="send-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="Y-main">

        <div class="Y-content">
            <div class="Y-title-row">
                <p>订单信息</p>
            </div>
            <div class="Y-info-row Y-order-info">
                <table>
                    <tr>
                        <td>订单号</td>
                        <td>{$vo.order_sn}</td>
                        <td>创建时间</td>
                        <td>{$vo.createtime|date="Y-m-d H:i:s",###}</td>
                        <td></td>
                    </tr>

                    <tr>
                        <td>用户ID</td>
                        <td>{$vo.user_id}</td>
                        <td>微信昵称</td>
                        <td>{$vo.user.nickname}</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>订单总金额</td>
                        <td>￥{$vo.total_fee}</td>
                        <td>实际支付金额</td>
                        <td><span id="pay-price">{$vo.pay_fee}</span></td>
                        <td></td>
                    </tr>

                    <tr>
                        <td>支付状态</td>
                        <td>{$vo.pay_status==10?'未支付':'已支付'}</td>
                        <td>支付时间</td>
                        {if ($vo.paytime==0)}
                        <td>无</td>
                        {else}
                        <td>{$vo.paytime|date="Y-m-d H:i:s",###}</td>
                        {/if}

                    </tr>


                   <tr>
                        <td>{:__('Order_status')}</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>


                </table>
            </div>
        </div>
        <div class="Y-content">
            <div class="Y-title-row">
                <p>订单商品信息</p>
            </div>
            <div class="Y-info-row">
                <table>
                    <thead>
                    <tr>
                        <td>商品名</td>
                        <td>图片</td>
                        <td>商品单价(￥)</td>
                        <td>数量</td>
                        <td>退款状态</td>

                    </tr>
                    </thead>
                    <tbody>
                    {foreach name="vo.orderitem" item="item"}
                    <tr>
                        <td>{$item.goods_title}</td>
                        <td style="width:200px;"><img style="width:150px;height:150px;" src="{$item.goods_image}"></td>
                        <td>{$item.goods_price}</td>
                        <td>{$item.goods_num}</td>
                        <td>{$item.refund_status_text}</td>

                    </tr>
                    {/foreach}
                    </tbody>
                </table>
            </div>
        </div>



        <div class="Y-content">
            <div class="Y-title-row">
                <p>操作日志</p>
            </div>
            <div class="Y-info-row">
                <table>
                    <thead>
                    <tr>
                        <td>日志内容</td>
                        <td>日志时间</td>
                    </tr>
                    </thead>
                    <tbody>
                    {foreach name="vo.log" item="item"}
                    <tr>
                        <td>{$item.mod_content}</td>
                        <td>{$item.createtime|date="Y-m-d H:i:s",###}</td>
                    </tr>
                    {/foreach}
                    </tbody>
                </table>
            </div>
        </div>
    </div>



    <fieldset>
        <legend>
            <h4>收件信息</h4>
        </legend>
        <div class="form-group">
            <input type="hidden" name="ids" id="ids" value="{$vo.id}">
            <input type="hidden" name="before_checkinfo" value="{$vo.checkinfo}">
            <label class="control-label col-xs-12 col-sm-2">订单状态:</label>
            <div class="col-xs-12 col-sm-8">
                {foreach name="checkinfoList" item="v2"}

                <label for="checkinfo-{$key}">
                    {if condition="$key lt $vo.checkinfo"}
                    <input id="checkinfo-{$key}" name="checkinfo" type="radio" value="{$key}" disabled {in name="key"
                           value="$vo.checkinfo" }checked{/in} /> {$v2}
                    {else /}
                    <input id="checkinfo-{$key}" name="checkinfo" type="radio" value="{$key}" {in name="key"
                           value="$vo.checkinfo" }checked{/in} /> {$v2}
                    {/if}


                </label>
                {/foreach}
            </div>

        </div>

        {if condition="$vo.order_status==0"}
        <div class="form-group display  cancel_reason">
            <label class="control-label col-xs-12 col-sm-2">{:__('订单取消原因')}:</label>
            <div class="col-xs-12 col-sm-8">
                <textarea id="c-cancel_reason" class="form-control " rows="5" name="cancel_reason" cols="50">{$vo.cancel_reason}</textarea>
            </div>
        </div>
        {/if}
    </fieldset>

    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
        </div>
    </div>


</form>